<!DOCTYPE html>
<html>
<title>资助我</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
</head>
<body style="background-color:#3BAF34;cursor:pointer;">
	<div id="blues" style="position:fixed;left:0px;top:0px;width:50%;height:100%;background-color:#56ABE4;transition:all 0.5s;-webkit-transition:all 0.5s" onclick="document.getElementById('blues').style.width='70%',document.getElementById('greens').style.width='30%',document.getElementById('aipay').style.width='280px',document.getElementById('aipay').style.height='280px',document.getElementById('wechat').style.width='230px',document.getElementById('wechat').style.height='230px'">
		<img id="aipay" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:230px;width:230px;transition:all 0.5s;-webkit-transition:all 0.5s" src="http://i1.bvimg.com/659351/47014dbb9cb68895.png">
	</div>
	<div id="greens" style="position:fixed;right:0px;top:0px;width:50%;height:100%;transition:all 0.5s;-webkit-transition:all 0.5s" onclick="document.getElementById('blues').style.width='30%',document.getElementById('greens').style.width='70%',document.getElementById('wechat').style.width='280px',document.getElementById('wechat').style.height='280px',document.getElementById('aipay').style.width='230px',document.getElementById('aipay').style.height='230px'">
		<img id="wechat" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);;height:230px;width:230px;transition:all 0.5s;-webkit-transition:all 0.5s" src="http://i1.bvimg.com/659351/c4b0bc4d2205c5fa.png">
	</div>
</body>
</html>